<!--登录-->
<div class="p-win user-win user-login hide">
    <div class="p-win-ctrl">
        <a href="javascript:void(0);" class="p-win-close"></a>
        <div class="p-win-mask"><img src="/res/images/cont/loaing.gif"></div>
    </div>


    <div class="p-win-t">
        <img src="/res/images/cont/home/logo-2.png" alt="LOL Matrix">
        <h3>用户登录</h3>
    </div>

    <div class="p-win-c ">
       <!-- <div class="valid-msg flex-h">
            <div>
                <p>必填字段不能为空 必填字段不能为空 必填字段不能为空 必填字段不能为空</p>
                <p>必填字段不能</p>
            </div>
        </div>-->
        <div class="flex-h-space">
            <div class="l">
                <div class="p-form-row flex-h-mid">
                    <div class="input-title">邮箱</div>
                    <div class="input-body"><input type="text" placeholder=""   /><i class="icons-email"></i></div>
                </div>
               <!-- <div class="valid-msg flex-h">必填字段不能为空</div>-->
                <div class="p-form-row flex-h-mid">
                    <div class="input-title">密码</div>
                    <div class="input-body"><input type="password" placeholder=""   /><i class="icons-key"></i></div>
                </div>
              <!--  <div class="valid-msg flex-h">必填字段不能为空</div>-->
                <div class="p-form-row flex-h-space row-ctrl">
                    <label class="flex-h">
                        <input type="checkbox" checked="checked" class="option-input checkbox" >
                        <!-- <em>已阅读《使用用户协议》 使用用户协议 使用用户协议 使用用户协议</em>-->
                        <em>Automatic login in 7 days </em>
                    </label>
                    <a href="#">忘记密码？</a>
                </div>
            </div>
            <div class="r p-form-button">
                <input type="submit" class="input-btn"  value="确定" id="userRegPwdBtn">
            </div>
        </div>

    </div>

    <div class="p-win-b">
        <h4>社交网络登录</h4>
        <p class="flex-h-center">
            <a href="#"  title="Facebook" class="input-btn flex-h-mid flex-h-center"><img src="/res/images/cont/account/facebook.png">Facebook</a>
            <a  href="#" title="Weibo" class="input-btn flex-h-mid flex-h-center"><img src="/res/images/cont/account/weibo.png">Weibo</a>
            <a  href="#" title="Weibo" class="input-btn flex-h-mid flex-h-center"><img src="/res/images/cont/account/twitter.png">Twitter</a>
            <a  href="#" title="Weibo" class="input-btn flex-h-mid flex-h-center"><img src="/res/images/cont/account/qq.png">QQ</a>
        </p>
    </div>
</div>